<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>生成word文档</title>
</head>
<!-- 可以使用表格，但不能兼容部分手机浏览器 通过jquery.wordexport.js导出word
备注：兼容IE9以上 -->
<body lang=ZH-CN style='tab-interval:21.0pt'>
<div class="word">
    <p align="center" style="font-size:20pt;font-weight:bold;" id="namem"></p>
	  <table width="100%">

              <tr>

                   <td style="background-color: #F50AE5; font-weight: bold;text-align:center">

                       名次

                 </td>

                  <td style="background-color: #F50AE5; font-weight: bold;text-align:center">

                      姓名

               </td>

                 <td style="background-color: #F50AE5; font-weight: bold;text-align:center">

                     总分

                 </td>

            </tr>

             <tr>

                   <td style="text-align:center">

                    1

                </td>

                <td style="text-align:center">

                      张三

               </td>

             <td style="text-align:center">

                     86

                   </td>

               </tr>

               <tr>

                   <td style="text-align:center">

                     2

                 </td>

                  <td style="text-align:center">

                      李四

                </td>

                   <td style="text-align:center">

                       85

                 </td>

             </tr>

          </table>

</div>
<input type="button" value="导出word">
<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.js"></script>
<script type="text/javascript"  src="js/FileSaver.js"></script>
<script type="text/javascript"  src="js/jquery.wordexport.js"></script>
<script>
    $(function(){ 
          $("#namem").html("38283883uddu");       
    })
</script>
</body>
</html>